<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>蚂蚁</title>
    <!-- CSS动画 -->
    <link rel="stylesheet" href="./src/css/animate.css" />

    <link rel="stylesheet" href="./src/css/life.css" />

    <script type="module" src="./src/js/life.js"></script>
  </head>
  <body>
    <nav>
      <img
        class="logo"
        src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_logo.svg"
        alt=""
      />

      <div class="nav_right">
        <ul>
          <li><a href="./index.html">主页</a></li>
          <li><a href="./social.html">社会招聘</a></li>
          <li><a href="">校园招聘</a></li>
          <li class="active"><a href="./life.html">走进蚂蚁</a></li>
          <li><a href="./login.html">个人中心</a></li>
        </ul>

        <div class="nav_btnGroup">
          <button>登录</button>
          <button>
            <img
              src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_nav_EN.svg"
              alt=""
            />
          </button>
        </div>
      </div>
    </nav>

    <div class="fixed_box">
      <div class="fixed_ele">
        <img src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/life/mayi_life_title.png" alt="">
      </div>
    </div>

    <video
        autoplay
        muted
        loop
        src="./src/video/mayi_life.mp4"
        class="bgVideo"
      ></video>

    <div class="container">

      <div class="wrap">
        <section class="lifeSwiper"></section>

      </div>

      <footer>
        <div class="footerBody">
          <div>
            <h5>总部地址</h5>
            <div class="textGroup">
              <p>中国杭州市西湖区</p>
              <p>西溪路569号蚂蚁A空间</p>
            </div>
          </div>
          <div>
            <h5>招聘咨询</h5>
            <div class="textGroup">
              <p>如需咨询招聘相关事宜</p>
              <p>请拨打电话：0571-28280505</p>
            </div>
          </div>
          <div>
            <h5>关注我们</h5>
            <div class="iconGroup">
              <img
                src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_footer_icon1.svg"
              />
              <img
                src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_footer_icon2.svg"
              />
              <img
                src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_footer_icon3.svg"
              />
            </div>
          </div>
        </div>
        <div class="footerLaw">
          <div>
            <p>经营许可证编号：合字B2-20190048</p>
          </div>
          <div>
            <div>ICP备案：浙B2-20100257-3</div>
          </div>
          <div>
            <p>Copyright © 2023 蚂蚁科技集团股份有限公司</p>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
